<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>商品列表</title>
    <link rel="stylesheet" href="css/commm.css">
    <link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/details.css"/>
</head>
<body>
  <header  class="header">
    <div class="top clearfix">
      <div class="hd_left"><img src="images/header_logo.png" alt=""></div>
      <div class="hd_right"><img src="images/header_app.png" alt=""></div>
    </div>
    <div class="input">
        <input type="search" placeholder="请输入你要搜索的文字">
        <a href="#"><span class="sousuo">搜索</span></a>
    </div>
  </header>


    <div class="index">
      <div class="fl clearfix" id="dianshi">
      <a href="#">首页&gt;</a>
      <a href="#">全部分类&gt;</a>
      <a href="#">电视&gt;</a>
      </div>
      <div class="fr select">筛选</div>
    </div>
    <div id="details_cont">
    <div class="details clearfix">
      <a href="#" class="clearfix">
        <div class="fl det_img"><img src="images/gengduo.png" alt=""></div>
          <div class="fl details_add">
              <p class="desc fl">对方发送到发送到发送到<span>是的撒多撒大所</span></p>
              <p class="price fl">萨达所大所大所多|2017年2月24日19:00:51
              <span>
              <i class="iconfont icon-comments"></i>有3人评论</span></p>
          </div>
      </a>
    </div>
  </div>




    <div class="page">
    <ul class="clearfix">
      <li><button class="buts" id="btns1">上页</button></li>
      <li><select name="位移" id="weiyi">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      </li>
      <li> <button class="buts" id="btns2">下页</button></li>
    </ul>
    </div>



    <div class="login">
        <ul class="clearfix">
          <a href="#"><li>登录</li></a>
          <a href="#"><li class="mid">注册</li></a>
          <a href="#"><li>返回首页</li></a>
        </ul>
    </div>
  </div>


    <p class="bot"><span class="reds">手机app下载</span> 慢慢买手机版 -- <span class="grays">掌上比价平台</span></p>
    <p class="bot">m.manmanbuy.com</p>



</body>
<script src="js/jquery.js"></script>
<script src="js/template.js"></script>
<script type="text/html" id="info">
{{if result}}
{{each result as value}}
  <div class="details clearfix">
      <a href="#" class="clearfix spxx">
        <div class="fl det_img">{{#value.productImg}}</div>
          <div class="fl details_add">
              <p class="desc fl">{{value.productName}}<span>{{value.productPrice}}</span></p>
              <p class="price fl">{{value.productQuote}}&nbsp;&nbsp;{{value.productCom}}</p>
          </div>
      </a>
  </div>
  {{/each}}
  {{/if}}
</script>
<script type="text/html" id="TV">
  {{if result}}
  {{each result as value}}
      <a href="index.html">首页&gt;</a>
      <a href="test.html">全部分类&gt;</a>
      <a href="#">{{value.category}}&gt;</a>
  {{/each}}
  {{/if}}
</script>
<script src="js/details.js"></script>
<!-- <script>
  console.log($("#weiyi option:selected").val());
</script> -->
</html>
